.slide-list-wrap {
  position: relative;
  height: calc(100vh - 140px);
  padding-bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.slide-item-wrap {
  position: relative;
  // &:hover
  .icon-delete {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    display: none;
    font-size: 16px;
    cursor: pointer;
  }
}

.slide-item-wrap:hover .icon-delete {
  display: block; /* 鼠标移入时显示 */
}

.slide-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1100px;
  height: 550px;
  margin: auto;
  margin-top: 50px;
  margin-left: -420px;
  padding: 16px;
  padding-right: 8px;
  overflow: hidden;
  background-color: white;

  .slide-item {
    margin-bottom: 16px;
    cursor: pointer;
  }
}

.code-body {
  width: 500px;
  height: 250px;
  overflow: hidden;
  background-color: #fefce8;
  border: 1px solid #e8e8e8;

  .code-title {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    line-height: 38px;
    border-bottom: 1px solid #e8e8e8;
  }

  .code-content {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0px;
  }
}

.active {
  // border: 1px solid #e14e48;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 6px -1px rgba(0, 0, 0, 0.12),
    0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
